<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>报告修改</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/report_modify.css">
    <link rel="stylesheet" href="css/shuye封装.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
</head>

<body>
    <div class="prev"><a class="active">报告查询</a><a class="no_active" href="add_report.html">添加报告</a></div>
    <div id="report_details">
        <div class="header">
            <p class="username">姓名: 张某某</p>
            <p class="usersex">性别：男</p>
            <p class="userage">年龄：50</p>
            <p class="userdivision">科别：骨科</p>
            <p class="diagnosis_type">诊断类型：复诊</p>
            <a href="" class="save">保存</a>
            <a href="report_details.html" class="cancel">取消</a>
        </div>
        <div class="clinical_diagnosis">
            <p>临床诊断：</p>
            <p class="txt"><textarea name="text"></textarea></p>
        </div>
        <div class="general_inspection">
            <p>大体检查：</p>
            <p class="txt"><textarea
                    name="text">因（双足巨趾畸形）行畸形趾切除；送检（左3、4，右1、2、3、4、5均为皮肤）皮下纤维脂肪增生请结合临床。因（双足巨趾畸形）行畸形趾切除；送检（左3、4，右1、2、3、4、5均为皮肤）皮下纤维脂肪增生请结合临床。</textarea>
            </p>
        </div>
        <br>
        <div class="pathological_diagnosis">
            <p>病理诊断：</p>
            <p class="txt"><textarea name="text">因（双足巨趾畸形）行畸形趾切除；送检（左3、4，右1、2、3、4、5均为皮肤）皮下纤维脂肪增生请结合临床。</textarea></p>
        </div>
        <br>
        <div class="immune">
            <p>免疫/组化：</p>
            <p class="txt"><textarea name="text"></textarea></p>
        </div>
        <br>
        <div class="result">
            <p class="result_p">结果：</p>
            <p class="txt"><textarea name="text" class="f_area"></textarea></p>
        </div>
        <br>
        <div class="remarks">
            <p class="remarks_p">备注：</p>
            <p class="txt"><textarea name="text" class="f_area"></textarea></p>
        </div>
        <div class="hengxian"></div>
        <div class="footer">
            <p class="baogaoyishi">报告医师: 孙医生</p>
            <p class="shenheyishi">审核医师：赵医生</p>
            <p class="time">报告时间：2018-12-4 10: 40：56</p>
            <span class="fujian">查看附件</span>
        </div>
    </div>
    <div id="report_details2">
        <div class="tanchuang">
            <p class="left">报告单</p>
            <p class="right"><i class="fa fa-times-circle-o">&nbsp;关闭</i></p>
            <img src="img/图像 1.png" alt="">
        </div>
    </div>
</body>

</html>
<script>
    var ofujian = document.getElementsByClassName('fujian')[0];
    var oDiv2 = document.getElementById('report_details2');
    var oright = document.getElementsByClassName('right')[0];
    ofujian.onclick = function () {
        oDiv2.style.display = 'block'; 
    }
    oright.onclick = function (){
    oDiv2.style.display = 'none';
    }
</script>